function init() {
    bindEvent();
    location.hash = '#shouye';

}
init();
window.onhashchange = function () {
    let hash = location.hash;
    console.log(hash);
    if (hash == '') {
        hash = '#shouye';
    }
    $('header .menu li a.active').removeClass('active');
    $(`header .menu li a[href="${hash}"]`).addClass('active');
    $('#menu li a').removeClass('active');
    $(`#menu li a[href="${hash}"]`).addClass('active');
    $('section.active').removeClass('active');
    $(hash).addClass('active');
}
function bindEvent() {

    // 顶部 和 底部导航栏
    menuLink();

    // 渲染首页资讯版块
    renderShouye();

    // 游戏下载弹出框
    modalChange();

    // 渲染社团版块
    renderClub();
}
// 顶部导航栏
function menuLink() {
    $('header .menu li a').click(function () {
        location.hash = $(this).attr('href');
    })
    $('#menu li a').click(function () {
        location.hash = $(this).attr('href');
        
    })
}

// 渲染首页资讯版块
async function renderShouye() {
    // 首页资讯选项卡
    $('.info .news').click(function () {
        $('.info .match_content').hide();
        $('.info .news_content').show();
        $(this).addClass('active');
        $('.info .match').removeClass('active');
    });
    $('.info .match').click(function () {
        $('.info .news_content').hide();
        $('.info .match_content').show()
        $(this).addClass('active');
        $('.info .news').removeClass('active');
    })
    // 获取新闻和资讯
    const infoObj = await fetch('./data/data_shouye.json');
    const infoCon = await infoObj.json();
    const newsCon = infoCon.news;
    const matchCon = infoCon.match;
    let newsHtml = '';
    newsCon.forEach(item => {
        newsHtml += `
        <li class="text-white"><span>${item.game}</span><a href="${item.href}" target="_blank">${item.content}</a><span>${item.date}</span></li>
        `;
    })
    $('.news_content').html(newsHtml);

    let matchHtml = '';
    matchCon.forEach(item => {
        matchHtml += `
        <li class="text-white"><span>${item.game}</span><a href="${item.href}" target="_blank">${item.content}</a><span>${item.date}</span></li>
        `;
    })
    $('.match_content').html(matchHtml)
}

// 游戏下载弹出框
function modalChange() {
    $('.wzDownload').click(function () {
        $('#game .modal').show();
    })
    $('.dia-close').click(function () {
        $('#game .modal').hide();
    })
}


// 渲染社团版块
async function renderClub() {
    // 获取近日活动数据
    const actiObj = await fetch('./data/data_club.json');
    const actiData = await actiObj.json();
    console.log(actiData);
    const data = actiData.acticity;
    let actiHtml = '';
    data.forEach(item => {
        actiHtml += `
            <p>${item.content}</p>
        `
    })
    $('.activity_content').html(actiHtml)
}